<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>华为商城-首页</title>
	</head>
	<body>
		<!--************************************ up头部开始 ********************************-->
		<div id="top">
			<div class="center">
				<ul class="left">
				<li class="left1">
					<a class="" href="" target="_blank">华为官网</a>
					<p class="short">|</p>
					
				</li>				
				<li class="left2">
					<a href="" target="_blank">荣耀官网</a>
					<p class="short">|</p>
					<p class="long"></p>
				</li>
				
				<li class="left3">
					<a href="" target="_blank">软件应用</a>
					<s class="flyup"></s>
					<s class="flydown"></s>
					<div class="ruanl">
						<p><a href="">EMUI</a></p>
						<p><a href="">应用市场</a></p>
						<p><a href="">云服务</a></p>
						<p><a href="">开发者联盟</a></p>
					</div>
					<p class="short">|</p>
					<p class="long"></p>
				</li>
				
				<li class="left4">
					<a href="" target="_blank">花粉俱乐部</a>
					<p class="short">|</p>
				</li>
				
				<li class="left5">
					<a href="">Select Region</a>
				</li>
			</ul>
			<ul class="right">
				<li class="right1">
					<a class="aleft" target="_blank">登录</a>
					<a class="aright" target="_blank">注册</a>
					<p class="short">|</p>
				</li>
				
				<li class="right2">
					<a href="" target="_blank">我的订单</a>
					<p class="short">|</p>
				</li>
				
				<li class="right3">
					<a href="" target="_blank">V码(优购码)</a>
					<p class="short">|</p>
				</li>
				
				<li class="right4">
					<a href="">手机版</a>
					
					<p class="short">|</p>
				</li>
				
				<li id="right5" class="left3">
					<a href="">网站导航</a>
					<s class="flyup"></s>
					<s class="flydown"></s>
					<div class="ruanl">
						<p><a href="">帮助中心</a></p>
						<p><a href="">PC软件</a></p>
						<p><a href="">数字音乐</a></p>
						<p><a href="">爱旅</a></p>
						<p><a href="">华为网盘</a></p>
					</div>
					<p class="long2"></p>
				</li>
			</ul>
			</div>
			
		</div>
		<!--/////////////////////////////////////头部结束 //////////////////////////////////////-->
		<!--*************************************搜索开始************************8-->
		<div id="search">
			<div class="center">
				<!--**************商标**********-->
				<div class="logo">
					<a href=""><img src="../img/newLogo.png"/></a>
				</div>
				<!--***************搜索框***********-->
				<div class="search-bar">
					<div class="search-form">
						<form action="" method="post">
							<input class="search-box" type="text" id="" value="V8" />
							<input class="sub" type="submit" value="搜索"/>
						</form>
					</div>
					<div class="searchkey">
						<p>热门搜索:</p>
						<a href="">5C</a>
						<a href="">HUAWEI P9</a>
						<a href="">5X</a>
						<a href="">荣耀7</a>
						<a href="">Mate 8</a>
					</div>
				</div>
				<!--************工具栏*******-->
				<div class="tool-bar">
					<div class="i-item">
						<a class="my-item" href="">我的商城</a>						
						<s class="tool-bar-d"></s>
						<s class="tool-bar-u"></s>
						<div class="item-content">
							<div class="content-1"><p>你好，请<a href="">登陆</a>|<a href="">注册</a></p></div>
							<div class="content-2">
								<ul>
									<li><a href="">我的订单</a></li>
									<li><a href=""> 待支付</a></li>
									<li><a href="">待评论</a></li>
									<li><a href=""> 优惠券</a></li>
									<li><a href="">站内信</a></li>
								</ul>
							</div>
							<div class="content-3"><a href=""><img src="../img/Itool.jpg"/></a></div>
						</div>
					</div>
					<p class="line">|</p>
					<div class="i-mall">
						<a class="my-mall" href="">我的购物车</a>						
						<s class="tool-bar-d"></s>
						<s class="tool-bar-u"></s>
						<div class="mall-content">
							<p></p>
							<span>您的购物车是空的，赶紧选购吧！</span>
						</div>
					</div>
				</div>
				<!--**************二维码****************-->
				<div class="code">
					<div class="code-slider">
						<ul >
							<li class="li-up">
								<p class="code-slider-img">
									<a href=""><img src="../img/Iqrcode1.jpg"/></a>
								</p>
								<p class="code-slider-notice">
									<a href="">
										<span id="">微信扫码关注我们</span>
									</a>
								</p>
							</li>
							<li class="li-down">
								<p class="code-slider-img">
									<a href=""><img src="../img/qrcode2.jpg"/></a>
								</p>
								<p class="code-slider-notice">
									<a href="">
										<span id="">扫描下载客户端</span>
									</a>
								</p>
							</li>
						</ul>
						<div class="code-radius">
							<span class="up">
								
							</span>
							<span class="down">
								
							</span>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<!--///////////////////////////////////////搜索结束////////////////////////////-->
		<!--*********************************body导航栏开始*************-->
		<div id="navigation">
			<div class="center">
				<div class="overflow">
					<h2>全部商品</h2>
					<div class="list">
						<div style="width: 240px;height: 40px;"  class="empty"></div>
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span>手机</span></a>
								</h3>
								<a class="list-key" href=""><span>荣耀</span></a>
								<a class="list-key" href=""><span>畅玩</span></a>
								<a class="list-key" href=""><span>华为 Mate/P系列 </span></a>
							</div>
							<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href="">荣耀</a></li>
									<li><a class="list-menu" href="">畅玩</a></li>
									<li><a class="list-menu" href="">华为 Mate/P系列</a></li>
									<li><a class="list-menu" href="">G/Y系列</a></li> 
									<li><a class="list-menu" href="">运营商合约</a></li>
								</ul>
								<dl>
									<dt><span>----推荐商品----</span></dt>
									<dd><a href="">以旧换新</a></dd>
									<dd><a href="">华为Mate8</a></dd>
									<dd><a href="">荣耀畅玩5X</a></dd>
								</dl>
							</div>
						</li>						
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">平板 & 穿戴 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">平板电脑</span></a>
								<a class="list-key" href=""><span id="">手环</span></a>
								<a class="list-key" href=""><span id="">手表</span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href="">平板电脑</a></li>
									<li><a class="list-menu" href="">手环</a></li>
									<li><a class="list-menu" href="">手表</a></li>
								</ul>
							</div>
						</li>						
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">智能家居 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">电力猫</span></a>
								<a class="list-key" href=""><span id="">路由器</span></a>
								<a class="list-key" href=""><span id="">电视盒子</span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li> 
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
								</ul>
							</div>
						</li>
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">必备配件 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">入耳式耳机</span></a>
								<a class="list-key" href=""><span id="">保护壳</span></a>
								<a class="list-key" href=""><span id="">保护套 </span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li> 
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
								</ul>
							</div>
						</li>
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">基础配件 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">音箱</span></a>
								<a class="list-key" href=""><span id="">表带</span></a>
								<a class="list-key" href=""><span id="">电池/充电器 </span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li> 
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
								</ul>
							</div>
						</li>
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">潮流配件 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">支架</span></a>
								<a class="list-key" href=""><span id="">自拍杆/器</span></a>
								<a class="list-key" href=""><span id="">智能开关/插座 </span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li> 
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
								</ul>
							</div>
						</li>
						<li>
							<div class="info">
								<h3>
									<a class="list-a" href=""><span id="">应用市场 </span></a>
								</h3>
								<a class="list-key" href=""><span id="">手机游戏</span></a>
								<a class="list-key" href=""><span id="">手机应用</span></a>
								</div>
								<div class="children">
								<ul class="childrenul">
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li> 
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
									<li><a class="list-menu" href=""></a></li>
								</ul>
							</div>
						</li>
					</div>
				</div>
				<ul class="navul">
					<li><a class="navlist" href="">首页</a></li>
					<li><a class="navlist" href="">华为专区</a></li>
					<li><a class="navlist" href="">荣耀专区</a></li>
					<li>
						<a class="navlist" href="">荣耀 V8</a>
						<img class="new" src="../img/new.png"/>
					</li>
					<li><a class="navlist" href="">P9 Plus</a></li>
					<li><a class="navlist" href="">畅玩5V</a></li>
					<li class="navcontent">
						<a class="navlist" href="">精彩频道</a>
						<!--<s class="tool-bar-d"></s>
						<s class="tool-bar-u"></s>-->
					</li>
				</ul>
			</div>
		</div>
		<!--/////////////////////////////////////导航栏结束//////////////////-->
		<!--**********************************轮播图开始****************-->
		<div class="hot-board">
			
		</div>
			<!--//////////////////////////////轮播图结束/////////////-->
	</body>
	<link rel="stylesheet" type="text/css" href="../css/up.css"/>
	<link rel="stylesheet" type="text/css" href="../css/body.css"/>
</html>
